<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>
    // 数组的声明
    let numberArr = [1, 3, 4]

    // 可以通过下标获取
    console.log(`数组中第三个元素是 ${numberArr[2]}`)
    // 数组长度
    console.log(`数组的长度是 ${numberArr.length}`)
    // 数组遍历
    numberArr.forEach(item => console.log(item))

    // 增
    let stringArray = []
    stringArray[0] = 'hsylient'
    console.log(`数组中新增数据 ${stringArray[0]}`)
    // 向数组的末尾添加新数据
    stringArray.push('立秋', '天气转凉', '添加衣服', '照顾好自己')
    console.log(stringArray)
    // 向数组的开头添加数据
    stringArray.unshift('开心', '不要在意别人的看法', '相信自己')


    // 删
    let colorArray = ['green', 'blue', 'red', 'pink', 'yellow', 'skyblue', 'origin', 'black', 'white']
    // 删除最后一个元素并返回被删除的元素
    colorArray.pop()
    console.log(colorArray.pop())
    // 删除第一个元素并返回
    colorArray.shift()
    console.log(colorArray.shift())
    // 从第几个元素开始删,删除的长度是多少
    colorArray.splice(0, 3)
    console.log(colorArray)


    // 改
    let wordArray = ['静水流深', '耐心', '别急', '刻意练习']
    wordArray[0] = '片面之词'
    console.log(`数组中修改数据 ${wordArray[0]}`)
</script>
</body>
</html>